<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bootStrop</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/back.css">
</head>
<body>
<div class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header"><!--小屏幕导航按钮-->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <p class="navbar-brand">Shenma Admin</p>
        </div>
        <div class="navbar-collapse collapse"><!--导航-->
            <ul class="nav navbar-nav"><!--左边导航-->
                <li class="active"><a href="index.html">后台首页</a></li>
                <li><a href="usersa.html">用户管理</a></li>
                <li><a href="content.html">内容管理</a></li>
                <li><a href="tag.html">标签管理</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right"><!--右侧导航-->
                <li class="dropdown"><!--下拉菜单-->
                    <a id="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" type="button">
                        admin
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdown">
                        <li><a href="../index.html">前台首页</a></li>
                        <li><a href="#">个人主页</a></li>
                        <li><a href="#">个人设置</a></li>
                        <li><a href="#">账户中心</a></li>
                        <li><a href="#">我的收藏</a></li>
                    </ul>
                </li>
                <li><a href="../index.html"><span class="glyphicon glyphicon-off"></span>&nbsp;&nbsp;退出</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-12 col-sm-12"><!--警告框-->
            <div class="alert alert-danger alert-dismissible fade in" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h3>网站程序有漏洞，急需修复！</h3>
                <p>当前版本程序(V1.22)存在严重安全问题，容易造成攻击，请即可修复！</p>
                <p>
                    <button type="button" class="btn btn-danger">立即修复</button>
                    <button type="button" class="btn btn-default"  data-dismiss="alert"  >稍后处理</button>
                </p>
            </div>
        </div>
        <div class="col-md-6 col-sm-6">
            <div class="panel panel-default">
                <div class="panel-heading">数据统计</div>
                <div class="panel-body">
                    <!--.table.table-hover>tr>th*4^+tr*4>th+td*3-->
                    <table class="table table-hover">
                        <tr>
                            <th>统计项目</th>
                            <th>今日</th>
                            <th>昨日</th>
                        </tr>
                        <tr>
                            <th>注册会员</th>
                            <td>20</td>
                            <td>52</td>
                        </tr>
                        <tr>
                            <th>会员登陆</th>
                            <td>673</td>
                            <td>411</td>
                        </tr>
                        <tr>
                            <th>发帖次数</th>
                            <td>88</td>
                            <td>127</td>
                        </tr>
                        <tr>
                            <th>转载次数</th>
                            <td>55</td>
                            <td>36</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-sm-6">
            <div class="panel panel-default hot">
                <div class="panel-heading">网站热帖</div>
                <ul class="list-group">
                    <li class="list-group-item">
                        <a href="#">
                            <span class="glyphicon glyphicon-list-alt"></span>
                            &nbsp;&nbsp;泛Mooc职业教育， 效果和就业为王
                            <small class="pull-right">2015/08/08</small>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#">
                            <span class="glyphicon glyphicon-list-alt"></span>
                            &nbsp;&nbsp;泛Mooc职业教育， 效果和就业为王
                            <small class="pull-right">2015/08/08</small>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#">
                            <span class="glyphicon glyphicon-list-alt"></span>
                            &nbsp;&nbsp;泛Mooc职业教育， 效果和就业为王
                            <small class="pull-right">2015/08/08</small>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#">
                            <span class="glyphicon glyphicon-list-alt"></span>
                            &nbsp;&nbsp;泛Mooc职业教育， 效果和就业为王
                            <small class="pull-right">2015/08/08</small>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#">
                            <span class="glyphicon glyphicon-list-alt"></span>
                            &nbsp;&nbsp;泛Mooc职业教育， 效果和就业为王
                            <small class="pull-right">2015/08/08</small>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#">
                            <span class="glyphicon glyphicon-list-alt"></span>
                            &nbsp;&nbsp;泛Mooc职业教育， 效果和就业为王
                            <small class="pull-right">2015/08/08</small>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-6 col-sm-6">
            <div class="panel panel-default">
                <div class="panel-heading">今日访客统计</div>
                <div class="panel-body"><!--图表-->
                    <canvas id="canvas" class="col-md-12 col-sm-12"></canvas>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-sm-6">
            <div class="panel panel-default">
                <div class="panel-heading">服务器状态</div>
                <div class="panel-body"><!--进度条-->
                    <p>内存使用率：40%</p>
                    <div class="progress">
                        <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"></div>
                    </div>
                    <p>数据库使用率：20%</p>
                    <div class="progress">
                        <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%"></div>
                    </div>
                    <p>磁盘使用率：60%</p>
                    <div class="progress">
                        <div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%"></div>
                    </div>
                    <p>CPU使用率：80%</p>
                    <div class="progress">
                        <div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12 col-sm-12">
            <div class="panel panel-default">
                <div class="panel-heading">团队留言板</div>
                <div class="panel-body">
                    <div class="col-md-7 col-sm-7">
                        <div class="media well">
                            <div class="media-left">
                                <a href="#">
                                    <img src="../img/a.png" alt="android" class="sizeXY">
                                </a>
                            </div>
                            <div class="media-body">
                                <h3 class="media-heading">小卓</h3>
                                <p>为了提升用户体验，系统需要加入新的功能，今晚请根据要求把网站程序升级一下！</p>
                            </div>
                        </div>
                        <div class="media well">
                            <div class="media-body text-right">
                                <h3 class="media-heading">码农</h3>
                                <p>好嘞！</p>
                            </div>
                            <div class="media-right">
                                <a href="#">
                                    <img src="../img/i.png" alt="iOS" class="sizeXY">
                                </a>
                            </div>
                        </div>
                        <div class="media well">
                            <div class="media-left">
                                <a href="#">
                                    <img src="../img/a.png" alt="android" class="sizeXY">
                                </a>
                            </div>
                            <div class="media-body">
                                <h3 class="media-heading">小卓</h3>
                                <p>加油！</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5 col-sm-5">
                        <form action="index.html" class="form form-default">
                            <label for="label">输入留言内容</label>
                            <textarea name="label" id="label" cols="30" rows="5" placeholder="请输入留言内容" class="form-control"></textarea>
                            <button class="btn btn-default" type="submit">留言</button>
                        </form>
                        <div class="panel panel-default">
                            <div class="panel-heading">团队联系手册</div>
                            <div class="panel-body contact">
                                <ul class="list-group">
                                    <li class="list-group-item">站长(李小龙)：  13134848615</li>
                                    <li class="list-group-item">推广(张二哥)：  13457815482</li>
                                    <li class="list-group-item">客服(王女士)：  13134567782    0371-61171272</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="footer">
    <p>Copyright © 2012-2016  www.lstedu.com  神码科技 蜀ICP备09018548号  版权所有</p>
</div>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/Chart.js"></script>
<script src="../js/back.js"></script>
</html>